import { StyleVars, Themes } from '@varlet/ui';

/**
 * 暗黑模式颜色
 */
const theme: StyleVars = {
  ...Themes.dark,
  // 通用背景色
  '--color-body': '#171A18',
  // 通用文字颜色
  '--color-text': '#ffffff',
  // 主色
  '--color-primary': '#4CA335',
  // 主色稍微深一点
  '--color-primary-deep': '#252625',
  // 信息色，一般是主色
  '--color-info': '#008F36',
  // 成功色，一般是主色
  '--color-success': '#008F36',
  // 警告色，一般是黄色
  '--color-warning': '#F6C03E',
  // 危险色，一般是红色
  '--color-danger': '#D44343',
  // 部分表单的背景色
  '--form-color': '#252625',
  // 顶部appbar背景色
  '--app-bar-color': '#212422',
  // 顶部appbar字体颜色
  '--app-bar-text-color': '#ffffff',
  '--app-bar-primary-text-color': '#ffffff',
  // 底部导航栏背景色
  '--bottom-navigation-background-color': '#252625',
  // 底部导航栏阴影色
  '--bottom-navigation-shadow-color': 'transparent',
  // 通用按钮圆角：10px
  '--button-border-radius': '1.33333vw',
  // 大按钮的高度，96px
  '--button-large-height': '12.8vw',
  // 骨架屏padding值
  '--skeleton-content-padding': '0',
  // tag 的背景色
  '--tag-bg-color': '#727272',
  // 聊天背景
  '--chat-list-body': '#171A18',
  // 聊天底部背景
  '--chat-footer-bg': '#212422',
  // 聊天输入框背景
  '--chat-input-bg': '#383a39',
  '--chat-system-bg': 'rgba(228, 228, 228, 0.1)',
  '--notice-danger-bg': '#1F201F',
  '--field-decorator-blur-color': '#b7b7b7',
  // var-tabs 背景色
  '--tabs-background': '#171A18',
  // vant-tab 背景色
  '--van-background-2': '#171A18',
  '--border-color': '#5e5e5e',
  '--border-sub-color': '#5e5e5e',
};
export default theme;
